<template>

        <div>
          <IndicatorDisplay
          :Indicator-list="list"
          :Data="glData"
          > 
         </IndicatorDisplay>
        </div>
</template>
    
<script setup lang='ts'>
   import IndicatorDisplay from '@/components/project/IndicatorDisplay.vue';
    import img1 from '@/assets/image/underground/zhgl_length.png';
    import img2 from '@/assets/image/underground/zhgl_gx.png';
    import img3 from '@/assets/image/underground/zhgl_safe.png';
    import img4 from '@/assets/image/underground/zhgl_sb.png';
    const list=ref([
        {title:'综合管廊长度/km',img:img1},
        {title:'入廊管线/km',img:img2},
        {title:'安全运行/天',img:img3},
        {title:'管廊总数/件',img:img4},
    ])
    defineProps({
  glData: {
    type: Array<number>,
    default: () => [72000,56252,6357,1515],
  }

});
</script>
    
<style scoped lang="less">

</style>